<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片全屏</title>
    <link rel="stylesheet" href="../dist/css/extend/jquery.slider.min.css">
    <link rel="stylesheet" href="../dist/css/pages/domo_two.min.css">
</head>
<body>
<div class="aniu-slider" id="J_aniu-slider">
    <ul class="aniu-slider-ul">
        <li class="cur">
            <a href="javascript:;">
                <img class="slider-ad-img" src="../dist/img/pixel.gif" style="background-image: url(../dist/img/domo_two_img01.jpg);" alt="">
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img class="slider-ad-img" src="../dist/img/pixel.gif" style="background-image: url(../dist/img/domo_two_img02.jpg);" alt="">
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img class="slider-ad-img" src="../dist/img/pixel.gif" style="background-image: url(../dist/img/domo_two_img03.jpg);" alt="">
            </a>
        </li>
    </ul>
    <p class="nav-wrap">
     <span class="nav">
    </span>
    </p>
    <a href="javascript:;" class="prv"><span class="iconfont"> « </span></a>
    <a href="javascript:;" class="next"><span class="iconfont"> » </span></a>
</div>
<script src="../dist/libs/jquery/jquery-1.10.2.min.js"></script>
<script src="../dist/js/jquery.slider.min.js"></script>
<script>
    !function ($) {

        var $indexSlider = $('#J_aniu-slider');
        $indexSlider.slider(
                {
                    auto: true,//自动播放
                    contentBox: ".aniu-slider-ul",//内容容器id或class
                    contentTag: "li",//内容标签 默认为<li>
                    switcherBox: ".nav",//切换触发器id或class
                    switcherTag: "i",//切换触发器的子项
                    activeClass: "cur", //当前切换器样式名称 不含"."
                    autoPlaySpeed: 5000,//自动播放或者切换速度
                    prv: '.prv',
                    next: '.next',
                    picSwitchSpeed: 400//图片切换速度
                }
        );
    }(jQuery);
</script>
</body>
</html>